<div class="page-group">
    <div id="page-layout" class="page page-current">
		<header class="bar bar-nav">
		  <a href="javascript:history.go(-1);" class="icon icon-left pull-left"></a>
		  <a href="javascript:location.reload();" class="icon icon-refresh pull-right"></a>
		  <h1 class="title">管理直播间</h1>
		</header>
	  <div class="content native-scroll wjt-roommanage-content">
      <div class="card" style="margin:0;margin-bottom:0.5rem">  

        <div class="card-content">
          <div class="list-block media-list">
            <ul>
              <li class="item-content">
                <div class="item-media">
                  <img src="
                  <% if(thumburl == null) { %>
                  http://qiniucdn.haojs.com.cn/wjtlogo.jpg
                  <% }else{ %>
                  <%=thumburl %>
                  <% } %>
                  " width="70">
                </div>
                <div class="item-inner">
                  <div class="item-title-row">
                    <div class="item-title"><%=name%></div>
                  </div>
                  <div class="item-subtitle">直播间介绍：                 
                  <% if(des == null) { %>
                  无
                  <% }else{ %>
                  <%=des %>
                  <% } %>
                  </div>
                  <div class="item-subtitle">直播时间：<%=starttime%></div>
                  <div class="item-subtitle" id="ratio" data-ratio="<%=ratio%>">幻灯片比例：
                  <% if(ratio == "0.5625") { %>
                  16:9
                  <% }else{ %>
                  4:3
                  <% } %>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="card-footer">
          <span> 
            

            <% if(status == "3"){ %>
            
              <a href="javascript:void(0)" class="button disabled" disabled>  直播已结束</a>
            
            <% } else {%>
              
              <a href="javascript:void(0)" class="button closeit">  结束直播</a>

            <% } %>

            
          </span>
          <span>
          <a href="javascript:void(0)" class="button button-warning more-operation"><span class="icon icon-menu" style="font-size: 18px; display:none;" ></span> 更多操作</a>
          </span>
        </div>
      </div>

      <div class="card roomManage">  
        <div class="row">
          <div class="col-50"><a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdd8f1df2a974f04f&redirect_uri=http://www.haojs.com.cn/form/api/wm/route&response_type=code&scope=snsapi_base&state=/wm/room/<%=uuid %>/attend#wechat_redirect 
" class="button button-danger button-big button-fill enter-room">进入直播</a></div>
          <div class="col-50"><a href="javascript:void(0)" class="button button-big button-fill create-actions">添加幻灯片资源</a></div>
        </div>
        
      </div>


      <div class="content-block-title">幻灯片资源列表：</div>
      

      <%  lecturePages.forEach(function(item){ %>

        <% if(item.type == "img"){ %>

          <div class="card demo-card-header-pic wjt-lecture-manage">
            <div valign="bottom" class="card-header color-white no-border no-padding">
              <img class='card-cover' src="<%=item.pageurl%>" alt="">
            </div>
            <div class="card-footer">
              <a href="javascript:void(0)" data-num="<%=item.num%>"  class="button orderButton">
                排序：
                <span class="num_val"><%=item.num%></span>
                <input type="hidden" class="num disabled" data-lectureid="<%=item.id%>" data-orginalnum="<%=item.num%>" value="<%=item.num%>">
              </a>
              <a href="javascript:void(0)" class="button  button-danger ppt-more-operation" data-lectureid="<%=item.id%>" data-type="<%=item.type%>">更多操作</a>
            </div>
          </div>

        <% }else if(item.type == "video" ){ %>

          <div class="card demo-card-header-pic wjt-lecture-manage">
            <div valign="bottom" class="card-header color-white no-border no-padding">
              <img class='card-cover' src="<%=item.thumburl%>" alt="">
            </div>
            <div class="card-footer">
              <a href="javascript:void(0)" data-num="<%=item.num%>" class="button orderButton">
                排序：
                <span class="num_val"><%=item.num%></span>
                <input type="hidden" class="num disabled" data-lectureid="<%=item.id%>" data-orginalnum="<%=item.num%>" value="<%=item.num%>">
              </a>
              <a href="javascript:void(0)" class="button  button-danger ppt-more-operation" data-lectureid="<%=item.id%>" data-type="<%=item.type%>">更多操作</a>
            </div>
          </div>

        <% }else if(item.type == "live"){ %>

          <div class="card demo-card-header-pic wjt-lecture-manage">
            <div valign="bottom" class="card-header color-white no-border no-padding">
              <img class='card-cover' src="<%=item.thumburl%>" alt="">
            </div>
            <div class="card-footer">
              <a href="javascript:void(0)" data-num="<%=item.num%>"  class="button orderButton">
                排序：
                <span class="num_val"><%=item.num%></span>
                <input type="hidden" class="num disabled" data-lectureid="<%=item.id%>" data-orginalnum="<%=item.num%>" value="<%=item.num%>">
              </a>
              <a href="javascript:void(0)" class="button  button-danger ppt-more-operation" data-lectureid="<%=item.id%>" data-type="<%=item.type%>">更多操作</a>
            </div>
          </div>

        <% } %>

      <% }); %>
  



      <div>&nbsp;</div>
	   	<div style="text-align: center; font-size: 12px;">下面没有了……</div>
      <div>&nbsp;</div>
      <div>&nbsp;</div>
      <div>&nbsp;</div>

	  </div>
















	</div>

</div>

<input type="hidden" id="roomUuid" value="<%=uuid %>">

